<template name="skeleton">
  <view class="sk-container">
    <view>
      <view class="statebox sk-image">
        <view class="state sk-transparent sk-text-14-2857-126 sk-text">已完成</view>
        <view class="text text"></view>
      </view>
      <view class="backcolor-white backcolor-white border-radius20 border-radius20">
        <view class="contenitem contenitem" >
          <view class="top top">
            <view class="fl sk-transparent">在线支付
              <text class="sk-transparent sk-text-14-2857-989 sk-text">￥0.04</text>
            </view>
            <view class="popper-lanse sk-transparent sk-text-14-2857-853 sk-text">费用明细</view>
          </view>
          <view class="db db">
            <view class="flex-x-between flex-x-between">
              <text class="sk-transparent sk-text-14-2857-733 sk-text">订单号</text>
              <view>
                <text style="margin:0 5px;" class="sk-transparent sk-text-14-2857-443 sk-text">202405240976938784</text>
                <view  >
                  <text class="uni-icons icons--uni-icons uniui-icon-copy icons--uniui-icon-copy iconfont icons--iconfont icon-copy icons--icon-copy sk-pseudo sk-pseudo-circle"  style="color:#3366CC;font-size:15px;"></text>
                </view>
              </view>
            </view>
            <view class="createtime createtime flex-x-between flex-x-between" style="margin-top:11px;">
              <view class="sk-transparent sk-text-14-2857-938 sk-text">下单时间：</view>
              <view class="sk-transparent sk-text-14-2857-129 sk-text">2024-05-24 09:30:32</view>
            </view>
          </view>
        </view>
        <view class="contenitem contenitem" >
          <view class="top top">
            <view class="fl sk-transparent sk-text-14-2857-476 sk-text">押金</view>
            <view class="popper-lanse sk-transparent sk-text-14-2857-673 sk-text">押金政策</view>
          </view>
          <view class="db sk-transparent sk-text-14-2857-146 sk-text">取车时冻结/支付租车押金￥0.01，取车时冻结/支付违章押金0</view>
        </view>
      </view>
      <view class="backcolor-white backcolor-white">
        <view class="contenitem contenitem flex-x-center flex-x-center"  style="justify-content:space-between;">
          <view class="flex-x-center flex-x-center">
            <view class="imglog imglog">
              <image mode="true" style="width:100%;height:100%;" class="sk-image"></image>
            </view>
            <view class="conte conte">
              <view class="name sk-transparent sk-text-14-2857-63 sk-text">埃尔法22</view>
              <view class="xinhao xinhao">
                <view class="sk-transparent">白色
                  <text style="margin:0 5px;" class="sk-transparent sk-opacity">/</text>
                </view>
                <view class="sk-transparent">三厢
                  <text style="margin:0 5px;" class="sk-transparent sk-opacity">/</text>
                </view>
                <view class="sk-transparent">自动
                  <text style="margin:0 5px;" class="sk-transparent sk-opacity">/</text>
                </view>
                <view class="sk-transparent">1.5T
                  <text style="margin:0 5px;" class="sk-transparent sk-opacity">/</text>
                </view>
                <view class="sk-transparent sk-text-14-2857-444 sk-text">埃尔法</view>
              </view>
            </view>
          </view>
          <view class="popper-lanse sk-transparent sk-text-14-2857-444 sk-text">车辆详情</view>
        </view>
        <view class="contenitem contenitem">
          <view class="time sk-transparent sk-text-14-2857-950 sk-text">2024-05-24 09:30 - 2024-05-25 09:30 共1天</view>
          <view class="addres-box addres-box">
            <view class="quche quche" style="display:flex;">
              <view style="height:22px;display:flex;align-items:center;">
                <!-- <text style="background-color:#3366CC;width:5px;height:5px;border-radius:50%;"></text> -->
                <text style="margin:0 6px;" class="sk-transparent sk-opacity">取</text>
              </view>
              <view>
                <view>
                  <view class="sk-transparent sk-text-20-4545-527 sk-text">前往昌顺租车高铁门店自行取车</view>
                  <view class="flex-x-center flex-x-center">
                    <text class="sk-transparent sk-text-20-4545-806 sk-text">地址：</text>
                    <text class="textellipsis sk-transparent sk-text-20-4545-371 sk-text" style="width:248px;">长沙市雨花区京港澳高速西辅道黎托安置小区-南区昌顺租车(高铁南站)</text>
                    <view   style="margin-left:16px;">
                      <text class="uni-icons icons--uni-icons uniui-location icons--uniui-location sk-pseudo sk-pseudo-circle"  style="color:#3366cc;font-size:20px;"></text>
                    </view>
                  </view>
                </view>
              </view>
            </view>
            <view class="huanche huanche" style="display:flex;">
              <view style="height:22px;display:flex;align-items:center;">
                <!-- <text style="background-color:darkorange;width:5px;height:5px;border-radius:50%;"></text> -->
                <text style="margin:0 6px;" class="sk-transparent sk-opacity">还</text>
              </view>
              <view>
                <view>
                  <view class="sk-transparent sk-text-20-4545-896 sk-text">前往昌顺租车高铁门店自行还车</view>
                  <view class="flex-x-center flex-x-center">
                    <text class="sk-transparent sk-text-20-4545-261 sk-text">地址：</text>
                    <text class="textellipsis sk-transparent sk-text-20-4545-992 sk-text" style="width:248px;">长沙市雨花区京港澳高速西辅道黎托安置小区-南区昌顺租车(高铁南站)</text>
                    <view   style="margin-left:16px;">
                      <text class="uni-icons icons--uni-icons uniui-location icons--uniui-location sk-pseudo sk-pseudo-circle"  style="color:#3366cc;font-size:20px;"></text>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="backcolor-white backcolor-white">
        <view class="contenitem contenitem">
          <view class="top top">
            <view class="fl sk-transparent sk-text-14-2857-729 sk-text">发票</view>
          </view>
          <view class="db db">
            <text class="sk-transparent sk-text-14-2857-362 sk-text">如需发票，请在还车时联系门店索取</text>
          </view>
        </view>
        <view class="contenitem contenitem">
          <view class="mendianxinxi mendianxinxi">
            <view class="title sk-transparent sk-text-14-2857-739 sk-text">昌顺租车高铁</view>
            <view class="phone sk-transparent" style="font-size:14px;margin-top:11px;display:flex;">联系电话： 13357316992
              <view  style="margin-left:auto;">
                <text class="uni-icons icons--uni-icons uniui-phone icons--uniui-phone sk-pseudo sk-pseudo-circle"  style="color:#3366cc;font-size:20px;"></text>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="backcolor-white backcolor-white">
        <view class="contenitem contenitem">
          <view class="jiashiyuan sk-transparent sk-text-14-2857-31 sk-text">驾驶员信息</view>
          <view class="jiashiyuanbox jiashiyuanbox">
            <view>
              <view class="label sk-transparent sk-text-14-2857-349 sk-text">驾驶员</view>
              <view class="text sk-transparent sk-text-14-2857-166 sk-text">赵伟</view>
            </view>
            <view>
              <view class="label sk-transparent sk-text-14-2857-951 sk-text">证件</view>
              <view class="text sk-transparent sk-text-14-2857-60 sk-text">430523********6657</view>
            </view>
            <view>
              <view class="label sk-transparent sk-text-14-2857-824 sk-text">联系手机</view>
              <view class="text sk-transparent sk-text-14-2857-959 sk-text">1815***4293</view>
              <view   style="margin-left:auto;">
                <text class="uni-icons icons--uni-icons uniui-phone icons--uniui-phone sk-pseudo sk-pseudo-circle"  style="color:#3366cc;font-size:20px;"></text>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
</script>

<style>
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-14-2857-126 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 60.8696rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-text-14-2857-989 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 40.5797rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-853 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-733 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-443 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-938 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-129 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-476 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 40.5797rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-673 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-146 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-63 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 40.5797rpx;
	    position: relative !important;
	  }
	.sk-opacity {
	    opacity: 0 !important;
	  }
	.sk-text-14-2857-444 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-950 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 38.0435rpx;
	    position: relative !important;
	  }
	.sk-text-20-4545-527 {
	    background-image: linear-gradient(transparent 20.4545%, #EEEEEE 0%, #EEEEEE 79.5455%, transparent 0%) !important;
	    background-size: 100% 39.8551rpx;
	    position: relative !important;
	  }
	.sk-text-20-4545-806 {
	    background-image: linear-gradient(transparent 20.4545%, #EEEEEE 0%, #EEEEEE 79.5455%, transparent 0%) !important;
	    background-size: 100% 39.8551rpx;
	    position: relative !important;
	  }
	.sk-text-20-4545-371 {
	    background-image: linear-gradient(transparent 20.4545%, #EEEEEE 0%, #EEEEEE 79.5455%, transparent 0%) !important;
	    background-size: 100% 39.8551rpx;
	    position: relative !important;
	  }
	.sk-text-20-4545-896 {
	    background-image: linear-gradient(transparent 20.4545%, #EEEEEE 0%, #EEEEEE 79.5455%, transparent 0%) !important;
	    background-size: 100% 39.8551rpx;
	    position: relative !important;
	  }
	.sk-text-20-4545-261 {
	    background-image: linear-gradient(transparent 20.4545%, #EEEEEE 0%, #EEEEEE 79.5455%, transparent 0%) !important;
	    background-size: 100% 39.8551rpx;
	    position: relative !important;
	  }
	.sk-text-20-4545-992 {
	    background-image: linear-gradient(transparent 20.4545%, #EEEEEE 0%, #EEEEEE 79.5455%, transparent 0%) !important;
	    background-size: 100% 39.8551rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-729 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 40.5797rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-362 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 32.9710rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-739 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 40.5797rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-31 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 40.5797rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-349 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-166 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-951 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-60 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-824 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-959 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.5072rpx;
	    position: relative !important;
	  }
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-pseudo::before, .sk-pseudo::after {
	      background: #EFEFEF !important;
	      background-image: none !important;
	      color: transparent !important;
	      border-color: transparent !important;
	    }
	.sk-pseudo-rect::before, .sk-pseudo-rect::after {
	      border-radius: 0 !important;
	    }
	.sk-pseudo-circle::before, .sk-pseudo-circle::after {
	      border-radius: 50% !important;
	    }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }

</style>